/* www.pb2345.com */

.tb_banner{ position: relative;}
.tb_banner .swiper-pagination-switch{width: 10px; height: 10px; position: relative;  }
/*.tb_banner .swiper-pagination-switch:before {content: "";position: absolute;top: -4px;left: 0;width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent; border-bottom: 4px solid #fff;}
.tb_banner .swiper-pagination-switch:after {content: "";position: absolute;bottom: -4px;left: 0; width: 0; height: 0;border-left: 9px solid transparent; border-right: 9px solid transparent;border-top: 4px solid #fff;}
*/
#sprite-plyr{ display: none;}
.publicTit{ text-align: center; padding: 3% 0 2% 0; position: relative;}
.lookAll{ position: absolute; right: 5%; top: 59%; width: 115px;text-align: center; line-height: 34px; border: 1px solid #0257b1; color: #0257b1; border-radius: 20px;}
.publicTit .wenzi i{display: inline-block; vertical-align: sub; margin: 0 6px; width: 18px;height: 18px;background: url(../image/lx.png) no-repeat center;}
.productFour .dd{overflow: hidden; float: left; width: 25%;text-align: center;position: relative;}
.productFour .dd .ddItem{color: #fff; position: absolute; top: 0; left: 0;right: 0;bottom: 0;text-align: center; background: #f1f2f3; background: rgba(255,255,255,0);z-index: 2;transition: .8s;-webkit-transition: .8s;}
.centerCot{ position: absolute; left: 0;right: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.cpIcon{ display: inline-block; width: 120px;height: 80px;background: url(/skin/images/cp.png) no-repeat;transition:1s;-webkit-transition: 1s;}
.cpIcon_2{background-position: 0 -160px;}
.cpIcon_3{background-position: 0 -320px;}
.cpIcon_4{background-position: 0 -480px;}
.productFour .dd .ddItem .more{ display: inline-block;background: #333;color: #fff;padding: 0 20px;border-radius: 18px;line-height: 34px;}
.productFour .dd .ddItem h6{ padding: 4% 0;}
.productFour .dd >a{position: relative; display: block;overflow: hidden;}
.songti{ font-family: simsun;}
.application{ position: relative; overflow: hidden;}
.application .swiper-slide{ position: relative;}
.application .swiper-slide .xq{ display: block; position: relative;overflow: hidden;}
.appBtn,.videoBtn{z-index: 5; position: absolute; top: 50%;margin-top: -25px;background: #000; background: rgba(0,0,0,.5); border-radius: 50%;}
.appBtn{ width: 48px;line-height: 48px; height: 48px;text-align: center;color: #fff; font-size: 30px;}
.appLeft{ left: 4%;}
.appRight{ right: 4%;}
.videoBtn{ margin-top: -26px;}
.videoBtn img{ width: 34px;}
.videoLeft{ left: 0;}
.videoRight{ right: 0;}

.application .swiper-slide .name{z-index: 2; position: absolute; left: 0;right: 0;top: 50%; margin-top: -20px;text-align: center;color: #fff; font-size: 17px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 40px;}
.application .swiper-slide:before{content: '';z-index: 1; position: absolute;  background:#000; left: 30%; right: 30%; top: 42%; bottom: 42%; transition:.6s;-webkit-transition: .6s; left: 0;  top:0; right: 0; bottom: 0;background: rgba(0,0,0,.5); border: 2px solid #fff;border-radius: 22px; opacity:0; -webkit-opacity:0}
.opacityTxt{color: #fff;z-index: 3; position: absolute; opacity: 0;-webkit-opacity: 0; left: 0;right: 0;text-align: center;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 100%;}
.opacityTxt .cell .icon{ transform: translate(0,15px);-webkit-transform: translate(0,15px); background: #fff;border-radius: 50%;height: 80px;width: 80px;}
.opacityTxt .cell .font24{ padding: 1% 0 3% 0;}
.opacityTxt .link a{background: #0257b1; display: inline-block; line-height: 34px;color: #fff;margin: 1px 5px;padding: 0 20px;border-radius: 20px;}
.opacityTxt .link a i{vertical-align: middle;position: relative;top: -1px;margin-right: 5px; display: inline-block;width: 12px;height: 12px;background: url(/skin/images/mn.png) no-repeat;}
.application .swiper-slide .name span{ display:inline-block; border:2px solid #fff; padding:0 20px; border-radius:24px; min-width:5em; background:rgba(0,0,0,.5)}

.newsCenter{ padding-bottom: 5%;}
.chooseVideo{ transition: .5s;-webkit-transition: .5;}


.ykplayer-poster-logo{background-size: cover !important;}
.plyr__play-large{background: transparent;}

.tp-bullets{ left: 0; bottom: 10px; height: auto; bottom: 10px; right:0; text-align:center;z-index:20;}
.tp-bullets.hidebullets{ opacity: 1; }
.tp-bullets.simplebullets.round .bullet{display:inline-block; float:none; margin:0 5px; width: 10px;height: 10px;background: #fff; border: 1px solid #fff;border-radius: 50%; opacity:.5;}
.tp-bullets.simplebullets.round .bullet.selected{ opacity:1;}
.tp-rightarrow.default,.tp-leftarrow.default{ display: none;}
.sliderOuter{max-height:770px; overflow:hidden;}

.opacityTxt .cell .font24{color:#0257b1}





@media only screen and (max-width:1600px ) {
	.cpIcon{ transform: scale(.8);-webkit-transform: scale(.8);transform-origin: bottom;-webkit-transform-origin: bottom;}
    .opacityTxt .cell .icon{ height: 60px;width: 60px;}
}



@media only screen and (min-width:1200px ) {
	.productFour .dd >a:hover .ddItem{background: rgba(2,87,177,.8);color: #fff;}
	.productFour .dd:nth-child(1) >a:hover .cpIcon_1{background-position: 0 -80px;}
	.productFour .dd:nth-child(2) >a:hover .cpIcon_2{background-position: 0 -240px;}
	.productFour .dd:nth-child(3) >a:hover .cpIcon_3{background-position: 0 -400px;}
	.productFour .dd:nth-child(4) >a:hover .cpIcon_4{background-position: 0 -560px;}
	.productFour .dd .blockImg{transition:1s;-webkit-transition: 1s;}
	.productFour .dd>a:hover .blockImg{transform: scale(1.05);-webkit-transform: scale(1.05);}
	.productFour .dd .ddItem .more:hover{padding: 0 35px;}
	
	.opacityTxt .cell .icon,.opacityTxt{transition:.5s;-webkit-transition: .5s;}
	
	.opacityTxt .cell .font24,.opacityTxt .link{transition:1s;-webkit-transition: 1s;}
	.opacityTxt .link a:hover{padding: 0 35px;}
	.application .swiper-slide:hover .name{ opacity: 0;-webkit-opacity: 0;}
	.application .swiper-slide:hover .opacityTxt{ opacity: 1;-webkit-opacity: 1;}
	.application .swiper-slide:hover .icon{ transform: scale(1) translate(0,0);-webkit-transform: scale(1) translate(0,0);}
	.application .swiper-slide:hover .link,.application .swiper-slide:hover .cell .font24{ transform: translate(0,0);-webkit-transform: translate(0,0);}
	.application .swiper-slide:hover:before{border-radius: 0;border: 0; left: 0;right: 0;top: 0; bottom: 0;background: #fff;  opacity:.7; -webkit-opacity:.7}
    .opacityTxt .link a:hover i{background-position: 0 -12px;}
    
    .appBtn:hover,.videoBtn:hover{background: #0257b1;}
    .lookAll:hover{background: #0257b1;color: #fff;}
}

@media only screen and (max-width:1200px ) {
	.cpIcon{ transform: scale(.6);-webkit-transform: scale(.6);}
	.opacityTxt .cell .icon,.opacityTxt .cell .font24{ display: none;}
	.opacityTxt{width: auto; opacity: 1;-webkit-opacity: 1; top:auto; display: block; height: auto; bottom: 5px; left: 5px;right: 5px;}
	.opacityTxt .cell{ display: block;}
	.opacityTxt .link{ height: 34px; font-size: 0;}
	.opacityTxt .link a{border-radius: 0;background: rgba(255,255,255,.8); font-size: 12px; display: block; width:100%;padding: 0;margin: 0;}
}

@media only screen and (max-width:960px ) {
	.chooseVideo{color: #333; position: relative; left: 0; box-sizing: border-box;-webkit-box-sizing: border-box; margin: 0 auto; max-width: 99%;}
	.chooseVideo .imgs{ margin: 5px 3px;}
	.appBtn{ width: 30px;height: 30px; line-height: 30px; font-size: 16px; margin-top: -15px;}
	
}

@media only screen and (min-width:960px ) {
	.chooseVideo.on{ opacity: 0;-webkit-opacity: 0;}
}

@media only screen and (max-width:767px ) {
	.productFour .dd{width: 50%;margin: 2px 0;}
	.productFour .dd .ddItem{ padding-top: 0;}
	.lookAll{ display: block; position: static; margin: auto; margin-top: 10px; line-height: 30px;width: 100px;}
	
}
@media only screen and (max-width:640px ) {
	.chooseVideo{ padding: 0;}
	.pagination{ bottom: 0;}
	.opacityTxt .link{ display:none}
}


@media only screen and (max-width:480px ) {
	.application .swiper-slide .name{ font-size: 15px; font-weight: normal;}
	.application .swiper-slide:before{border-width: 1px; left: calc(50% - 50px);  top:calc(50% - 16px); right: calc(50% - 50px); bottom: calc(50% - 16px);}
    .appBtn img{ height: 30px;}
    .publicTit{ padding: 5% 0;}
    .publicTit .wenzi i{ width: 10px;height: 10px;background-size: contain !important; vertical-align: middle; margin: 0 4px;}
    .publicTit .font18{ font-size: 14px;}
}




@media only screen and (max-width:340px ) {
	.wenzi{ font-size: 13px;}
}


#maximg img{ max-width:100%; height:auto !important}